Page({
    data: {
        animationData: {}
        },
    onShow: function(){
        var animation = wx.createAnimation({
            duration: 1000,
            timingFunction: 'ease',
        })

        this.animation = animation

        animation.scale(2,2).rotate(45).step()

        this.setData({
            animationData:animation.export()
        })

        setTimeout(function() {
            animation.translate(30).step()
            this.setData({
            animationData:animation.export()
            })
        }.bind(this), 1000)
        },
        rotateAndScale: function () {
        // 旋转同时放大
        this.animation.rotate(45).scale(2, 2).step()
        this.setData({
            animationData: this.animation.export()
        })
        },
        rotateThenScale: function () {
        // 先旋转后放大
        this.animation.rotate(45).step()
        this.animation.scale(2, 2).step()
        this.setData({
            animationData: this.animation.export()
        })
        },
        rotateAndScaleThenTranslate: function () {
        // 先旋转同时放大，然后平移
        this.animation.rotate(45).scale(2, 2).step()
        this.animation.translate(100, 100).step({ duration: 1000 })
        this.setData({
            animationData: this.animation.export()
        })
        },

    // 按钮
    changeTitle(){
        // 标题栏显示加载图
        wx.showNavigationBarLoading();
        // 设置标题文字
        wx.setNavigationBarTitle({
            title: '新的标题'
        });
        // 设置标题背景颜色
        wx.setNavigationBarColor({
            frontColor: '#ffffff',
            backgroundColor: '#000000'
        });

        setTimeout(() => {
            // 关掉标题栏加载图
            wx.hideNavigationBarLoading();
        }, 3000);

        //动态设置下拉背景字体、loading 图的样式
        wx.setBackgroundTextStyle({
            textStyle: 'dark',
        });
        //动态设置窗口的背景色
        wx.setBackgroundColor({
            backgroundColor: '#eeeeee',
            backgroundColorTop: '#ffffff',
            backgroundColorBottom: '#e9e9e9'
        });

        // 下拉刷新
        wx.startPullDownRefresh({
            success: res => console.log(res),
            complete: ()=>{console.log("下拉刷新完成了");}
        })

    },

    //前往底部
    goBottom(){
        wx.pageScrollTo({
            duration: '1000',
            scrollTop: 2500
        })
    }
})